
@import '../variables.scss';

.MatcPreview {
	overflow: hidden;
}

.MatcPreviewWrapper{
	color:white;
	overflow: hidden;
	text-align: center;
}

.MatcPreviewScreenAnimation {
	transition-duration: 0.03s;
	transition-property: top;
}


.MatcPreviewPassiveOverlay {
	background: none repeat scroll 0 0 #fff;
	height: 100%;
	opacity: 0.9;
	position: absolute;
	width: 100%;
	z-index: 10005;
}

.MatcWidgetPreviewPassive {
	opacity: 0.1;
}


.MatcPreviewMouseCntr {
	position: absolute;
	transition-duration: 0.200s;
	transition-property: all;
	z-index: 10011;
}

.MatcPreviewMouse {
	position: absolute;
	width: 32px;
	height: 32px;
	top: -16px;
	left: -16px;
	background: rgba(0, 0, 0, 0.25);
	border: 1px solid rgba(0, 0, 0, 0.5);
	border-radius: 50%;
}

.MatcPreviewMarker {
	width: 1px;
	height: 1px;
	position: absolute;
	z-index: 100000;
}

.MatcPreviewMarkerCircle {
	width: 11px;
	height: 11px;
	border: 3px solid $color_danger;
	position: absolute;
	border-radius: 10px;
	top: -5px;
	left: -5px;
	transition-duration: 0.5s;
}

.MatcPreviewMarkerHidden .MatcPreviewMarkerCircle {
	width: 33px;
	height: 33px;
	opacity: 0;
	top: -16px;
	left: -16px;
	border-radius: 16px;
}
